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Pastikan kasih tanda seru dia null nable pastikan dia benar tidak nul 
Tile dari mana 

Bungkus dgn text 
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4. Covid App 04.mp4 - VLC media player aa 
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G ui design details covid - Google! x @ 


ra ca ê data.covid19.go.id lic/api/pr xy D @ 


("last date": "2022-05-06", "current data" 


100.0, "missing data": 0.0, "tanpa provinsi": @, "list data": [{"key 
15271, "jumlah dirawat": 388, "jenis kelamin 
9-5", "doc count": 39394, MEE 


DKI JAKARTA", "doc count": 20.637986601772102, 
"LAKI-LAKI", "doc count": 603797), ("key": 
", "doc count": 125367, "usia": ("value": 
» “doc count : 45.0}}, ("ke 46-59", "doc count": 233973, 
: 81238675700.0}}], "lokasi": ("lon": 106.83611829006928, "lat": -6.204698991169558), 
RAT", "doc count": 18.279969920455876, "jumlah kasus": 1105566, "jumlah sembuh": 1088274, 


"jumlah kasus": 1248178, "jumlah sembuh": 1232527, "jumlah meninggal 


"PEREMPUAN", "doc count": 633673}], "kelompok umur": 
18.0}}, ("key “doc count": 342475, "usia": ( 
"usia": ("value": 1 "Nu2265 60", "doc count": 
"penambahan" : 89, "sembuh": 122, "meninggal" 


"jumlah meninggal": 15771, "jumlah dirawat": 1521, "jenis kelamin": [{"key": "LAKI-LAKI", "doc count": 519269), ("key": "PEREMPUAN", "doc count": 576199}], "kelompok. umur" : 
[{"key": "@-5", "doc count": 34759, "usia": {"value": 5.@}}, {"key": "6-18", "doc count": 119118, "usia": {"value": 18.0}}, ("key": "19-38", "doc count": 297931, "usia" 
{"value": 30.0}}, ("key": "31-45", "doc count": 315506, i ("value": 45.0}}, {"key": "46-59", "doc count": 220934, "usia": ("value": 59.0}}, (" U2265 60", 


“doc count": 103548, "usia 


key": 


{"value": 9783561644.0))J, "lokasi": ("lon": 107.60370834146391, "lat": -6.920432082789247), "penambahan": {"positif": "sembuh": 40, 
“meninggal”: JAWA TENGAH", "doc count": 10.369555771165304, "jumlah kasus": 627147, "jumlah sembuh": 592699, "jumlah meninggal": 33169, "jumlah dirawat": 1279, 
"jenis kelamin : "LAKI-LAKI", "doc count": 286225}, ("key": "PEREMPUAN", "doc count": 321369), "kelompok umur": [{"key": "@-5", "doc count": 18377, "usia 
{"value": 5.0}}, ("key": "6-18", "doc count": 61169, "usia": ("value": 18.0}}, ("key": "19-30", "doc count”: 149426, "usia": {"value": 30.6)), ("key ", "doc count": 
163583, "usia": : 45.0}}, {"key": "46-59", "doc count": 143886, "usia": ("value": 59.0)), {"key": "\u2265 60", "doc count": 90446, "usia": ("value": 2216.0}}], 
110.20111493755839, "lat": -7.259097176704969), "penambahan": ("positif": 18, "sembuh": 25, "meninggal": 12)), {"key": "JAWA TIMUR", "doc count" 
9.51768231424658, "jumlah kasus": 575626, "jumlah sembuh": 543923, "jumlah meninggal": 31616, "jumlah dirawat”: 87, "jenis kelami : "LAKI-LAKI", "doc count": 
271901}, ("key": "PEREMPUAN", "doc count": 299912}], "kelompok umur" : 1 "@-5", "doc count": 13387, "usia": ("value" 1 44286, "usia": 
{"value": 18.0}}, {"key": "19-38", "doc count": 139678, "usia": ("value": 30.@}}, ("key": "31-45", "doc count": 156347, "usi: } "46-59", 
"doc count": 135704, " : {"value": 59.@}}, {"key": "\u2265 60", "doc count”: 85048, "usia": ("value”: 2022.0}}], "lokasi": ("lon": 112.73294137529294, "lat": 
-7.72334557860008), ("positif": 24, "sembuh": 29, "meninggal": 2}}, ("key": "BANTEN", "doc count": 4.835875345818858, "jumlah kasus": 292472, "jumlah sembuh": 
289361, "jumlah meninggal": 2930, "jumlah dirawat": 181, "jenis kelamin": [{"key": "LAKI-LAKI", "doc count": 141883), ("key": "PEREMPUAN", "doc count": 15@297}], 
"kelompok umur": [{"key": "@-5", "doc count": 8979, "usia value": 5.@}}, ("key": "6-18", "doc count": 28581, "usia": ("value": 18.@}}, ("key": "19-38", "doc count": 
86368, "usia": ("value": 30.0}}, ("key": "31-45", "doc count": 89784, "usia": ("value": 45.0}}, {"key": "46-59", "doc count": 55968, "usia": ("value": 59.8)), ("key" 
60", "doc count": 22507, "usia": {"value": 2021.0}}], "lokasi": ("lon": 106.10900433346703, "lat": -6.45673638769843), "penambahan": ("positif": 28, "sembuh": 15, 
“DAERAH ISTIMEWA YOGYAKARTA", "doc count": 3.646913242208452, "jumlah kasus": 220564, "jumlah sembuh": 214513, "jumlah meninggal": 5895, 
jenis kelamin": [{"key": "LAKI-LAI 98337), ("key": "PEREMPUAN", "doc count": 122026}], "kelompok umur": [{"key": "@-5", "doc count 
5.0), {"key": "6-18", "doc count": 32496, "usia": ("value": 18.0)), ("key": "19-30", "doc count": 49961, "usia": ("value": 30.0}}, ("key": "31-45", 
58855, "usia": {"value": 45.0)), ("key": "46-59", "doc count": 45155, "usia": {"value": 59.@}}, ("key": "\u2265 68", "doc count": 31387, "usia": {"value": 
okasi": {"lon": 110.44487831193419, "lat": -7.894501850215696}, "penambahan": ("positif”: 3, "sembuh": 6, "meninggal": @}}, "key": "KALIMANTAN TIMUR", 
3.4100401391278123, "jumlah kasus": 206238, "jumlah sembuh": 200506, "jumlah meninggal": 5711, "jumlah dirawat": 21, "jenis kelamin": [{"key": "LAKI-LAKI", 
"doc count ("key": "PEREMPUAN", "doc count": 93089)J, "kelompok umur": [{"key": "@-5", "doc count": 7074, "usia": ("value": 5.0}}, ("key": "6-18", "doc count" 
21465, "usi 18.6)), ("key 9-30", "doc count": 57800, "usia": {"value": 38.0), {"key": "31-45", "doc count": 66887, "usia": {"value": 45.0}}, {"key": "46- 
59", "doc count": 36654, "usia": ("value": 59.0)), ("key": "\u2265 68", "doc count": 13978, "usia": {"value": 40474.6))J, "lokasi": ("lon": 116.46844046560851, "lat" 
0.4538580295500849), "penambahan": ("positif": 4, "sembuh": 1, "meninggal": @}}, { doc count": 2.599552510563886, "jumlah kasus": 157220, "jumlah sembuh" 
152544, "jumlah meninggal": 4561, "jumlah dirawat": 115, "jenis kelamin": [{"key” ", "doc Count": 78317}, {"key": "PEREMPUAN", "doc count": 78395}], 
"kelompok umur": [{"key": "@-5", "doc count": 4944, "usia": "1 5.0}}, {"key": "6-18", "doc count": 15298, "usia": {"value": 18.0)), ("key": "19-30", "doc count" 
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Usia tidak usah 

Ambil key dan jumlah nya 

Kasih trailing akan tampilkan data doc_count tostring 
Jumlah dikanan 
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Kasih style warna dan tebal 
A 4. Covid App 04.mp4 - VLC media player — x 
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children: provinsi.kelompokUmur! .map( (data) { 
Card( 
child: ListTile( 
title: Text('${data[ 1) 
trailing: Text( 
data[ ].toString(), 
style: 
color 
fontWeight: F 
), 
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& main.dart 


OUTLINE 
TIMELINE 


DEPENDENCIES 


II ma calm] sisix D 
Ini jumlah sama kelopok umur 

Buat aplikasi cukup sampai disni 

Sudah belajar get mengunakan provider 


Screen / detail layar.dart 


 DetailLayar StatelessWidget { 
DetailLayar(4Key? key, -provinsi}) : 
DataVirus provinsi: 


@override 
Widget build(BuildContext context) 4 
Scaffold( 
backgroundColor: Colors.grey.shade200, 
appBar: AppBar( 
title: Text( $ { provinsi.key!}'), 


Ve 
body: Padding( 
padding: const Edgelnsets.all(10.0), 
child: ListView( 
children: [ 
Text( 
SizedBox( 
height: 5, 
), 
Text( 
provinsi.key!, 
style: TextStyle( 
fontWeight: FontWeight.bold, 
fontSize: 20, 
) 
), 
SizedBox( 
height: 15, 
), 
RowGrid( 
jumlahKasus1: provinsi.jumlahKasus.t 
jumlahKasus2: provinsi.jumlahSembuh.t 
namaKasusl1: ; 
namaKasus2: 
warnal: Colors.red, 
warna2: Colors.green, 
), 
RowGrid( 
jumlahKasus1: provinsi.jumlahDirawat. j 
jumlahKasus2: provinsi.jumlahMeninggal.toStrir 
namaKasus1: r ; 
namaKasus2: 
warnal: Colors.orange, 
warna2: Colors.blue, 
), 
SizedBox( 
height: 10, 
), 
Text( 


, 


style: TextStyle( 

fontSize: 20, 

fontWeight: FontWeight.bold, 
Mi 


), 
SizedBox( 
height: 10, 
), 
Column( 
children: provinsi.kelompokUmur!.map((data) { 
Card( 
child: ListTile( 
title: Text('$4 data 
trailing: Text( 
datal ].to (), 
style: TextStyle(color: Colors.red), 


RowGrid Is StatelessWidget { 
RowGrid({ 
Key? key, 

JumlahKasus1, 
JumlahKasus2, 
.namaKasusl, 
.namaKasus2, 
.warnal, 
.warna2, 

WE (key: key); 

String jumlahKasus1; 

String jumlahKasus2; 

String namaKasus1; 

String namaKasus2; 

Color warnal; 

Color warna2; 


@override 
Widget build(BuildContext context) { 
Row( 
children: [ 
Expanded( 
child: Card( 
child: Container( 
alignment: Alignment.center, 


padding: Edgelnsets.symmetric(vertical: 50), 
child: Column( 
children: [ 
Text( 
jumlahKasus1, 
style: TextStyle(color: warnal, fontSize: 20), 


Jo 
SizedBox( 
height: 10, 
), 
Text(namaKasus1) 


), 
Expanded( 
child: Card( 
child: Container( 
alignment: Alignment.center, 
padding: Edgelnsets.syrr tric(vertical: 50), 
child: Column( 
children: [ 
Text( 
jumlahKasus2, 
style: TextStyle(color: warna2, fontSize: 20), 
), 
SizedBox( 
height: 10, 
jg 


Text(namaKasus2) 


Widget / provinsi item.dart 


, 


5 Provinsiltem StatelessWidget { 
Provinsiltem({Key? key, .dataProvinsi}) : (key: key); 
DataVirus dataProvinsi; 


@override 
Widget build(BuildContext context) { 
GestureDetector( 
onTap: () { 
Navigator.push( 
context, 
MaterialPageRoute( 
builder: (context) => DetailLayar(provinsi: dataProvinsi), 


Jo 

child: Container( 
padding: Edgelnsets.all(10), 
decoration: BoxDecoration( 


borderRadius: BorderRadius.circular(10), 
border: Border.all(color: Colors.green)), 
child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: [ 
Text( 
dataProvinsi.key!, 
style: TextStyle( 
fontWeight: FontWeight.bold, 
), 
), 
SizedBox( 
height: 5, 
), 
Text( 
SizedBox( 
height: 5, 
), 
Text( 
dataProvinsi.jumlahKasus.i 
style: TextStyle( 
fontWeight: FontWeight.bold, 
color: Colors.red, 


